<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>存款</title>
	<link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="/assets/css/font-awesome.min.css" />
	<link rel="stylesheet" href="/assets/css/ace.min.css" />
	<link rel="stylesheet" href="/assets/css/style.css" />
	<script src="/assets/js/jquery-1.10.2.min.js"></script>
	<script src="/assets/js/bootstrap.min.js"></script>
	<script src="/assets/js/ace.min.js"></script>
</head>
<body>
	<div class="navbar navbar-default" id="navbar">
		<script type="text/javascript">
		try{ace.settings.check('navbar' , 'fixed')}catch(e){}
		</script>

		<div class="navbar-container head-new" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand txt-new">
					<i class="icon-leaf"></i>
					个人银行管理系统
				</a><!-- /.brand -->
			</div><!-- /.navbar-header -->

			<div class="navbar-header pull-right" role="navigation">
				<ul class="nav ace-nav">
					<li class="grey">
						<a data-toggle="dropdown" class="dropdown-toggle" href="#">
							<i class="icon-tasks"></i>
						</a>
					</li>

					<li class="purple">
						<a data-toggle="dropdown" class="dropdown-toggle" href="#">
							<i class="icon-bell-alt icon-animated-bell"></i>
						</a>
					</li>

					<li class="green">
						<a data-toggle="dropdown" class="dropdown-toggle" href="#">
							<i class="icon-envelope icon-animated-vertical"></i>
						</a>
					</li>

					<li class="light-blue">
						<a data-toggle="dropdown" href="#" class="dropdown-toggle">
							<img class="nav-user-photo" src="/assets/avatars/user.jpg" alt="Jason's Photo">
							<span class="user-info new-user">Viann</span>
							<i class="icon-caret-down"></i>
						</a>

						<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close new-user-ul">
							<li>
								<a href="#">
									<i class="icon-cog"></i>
									设置
								</a>
							</li>

							<li class="divider"></li>

							<li>
								<a href="#">
									<i class="icon-off"></i>
									退出
								</a>
							</li>
						</ul>
					</li>
				</ul><!-- /.ace-nav -->
			</div><!-- /.navbar-header -->
		</div><!-- /.container -->
	</div>
	<div class="leftBar">
		<div class="sidebar" id="sidebar">
			<script type="text/javascript">
			try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
			</script>
			<div class="header">
				<img class ="left-img" src="/assets/images/default.png">
				<div class="welcome-name">欢迎光临，
					<span>Viann</span>
				</div>
			</div>
			<div class="sidebar-shortcuts" id="sidebar-shortcuts">
				<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
					<button class="btn btn-success">
						<i class="icon-signal"></i>
					</button>

					<button class="btn btn-info">
						<i class="icon-pencil"></i>
					</button>

					<button class="btn btn-warning">
						<i class="icon-group"></i>
					</button>

					<button class="btn btn-danger">
						<i class="icon-cogs"></i>
					</button>
				</div>
				<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
					<span class="btn btn-success"></span>

					<span class="btn btn-info"></span>

					<span class="btn btn-warning"></span>

					<span class="btn btn-danger"></span>
				</div>
			</div><!-- #sidebar-shortcuts -->
			<ul class="nav nav-list  ul-style">
				<li>
					<a href="index">
						<i class="icon-dashboard"></i>
						<span class="menu-text"> 个人资料 </span>
					</a>
				</li>

				<li class="active">
					<a href="saveMoney">
						<i class="icon-desktop"></i>
						<span class="menu-text"> 存款 </span>
					</a>
				</li>

				<li>
					<a href="drawMoney">
						<i class="icon-list-alt"></i>
						<span class="menu-text"> 取款 </span>
					</a>
				</li>

				<li>
					<a href="transfer">
						<i class="icon-tag"></i>
						<span class="menu-text"> 转账 </span>
					</a>
				</li>
				<li>
					<a href="cusList">
						<i class="icon-list"></i>
						<span class="menu-text"> 客户列表 </span>
					</a>
				</li>

				<li>
					<a href="cusCare">
						<i class="icon-calendar"></i>
						<span class="menu-text"> 客户关怀 </span>
					</a>
				</li>

			</ul><!-- /.nav-list -->
			<div class="sidebar-collapse" id="sidebar-collapse">
				<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
			</div>
		</div>
	</div>
	

	<div class="content">
		<h2><i class="icon-leaf blue"></i>&nbsp;存款&nbsp;
			<small><i class="icon-double-angle-right"></i>
				Save money in your account
			</small>
		</h2>
		<div class="money-box">
			<div class="box-left" id="box-left">
				<input id="input" type="text" value="0">
				<div>
					<button class="num" value="1">1</button>
					<button class="num" value="2">2</button>
					<button class="num" value="3">3</button>
				</div>
				<div>
					<button class="num" value="4">4</button>
					<button class="num" value="5">5</button>
					<button class="num" value="6">6</button>
				</div>
				<div>
					<button class="num" value="7">7</button>
					<button class="num" value="8">8</button>
					<button class="num" value="9">9</button>
				</div>
				<div>
					<button  class="num" value="0">0</button>
					<button id="dot" value=".">.</button>
					<button id="doube" value="0">00</button>
				</div>
			</div>
			<div class="box-right">
				<button id="back">←</button>
				<button id="clear">更正</button>
				<button id="sure">确定存款</button>
			</div>
		</div>
	</div>

	<script type="text/javascript"> 
	$(document).ready(function(){
		var input = $('#input'),
		back = $('#back'),
		clear = $('#clear'),
		sure = $('#sure'),
		dot = $('#dot'),
		twoZero = $('#doube');


		$('.num').click(function(){
			if(input.val() == "0"){
				input.val($(this).val());
			}
			else{
				if(input.val().length - input.val().indexOf(".") <= 2 || input.val().indexOf(".") == -1){
					input.val(input.val()+$(this).val());
				}
			}
		});

		dot.click(function(){
			if(input.val().indexOf(".") == -1){
				input.val(input.val()+$(this).val());
			}
		});

		twoZero.click(function(){
			if(input.val() == "0"){
				input.val($(this).val());
			}
			else{
				if(input.val().length - input.val().indexOf(".") <= 2 || input.val().indexOf(".") == -1){
					input.val(input.val()+$(this).val());
				}
			}
			if(input.val() == "0"){
				input.val($(this).val());
			}
			else{
				if(input.val().length - input.val().indexOf(".") <= 2 || input.val().indexOf(".") == -1){
					input.val(input.val()+$(this).val());
				}
			}
		});

		back.click(function(){
			input.val(input.val().substring(0,input.val().length - 1));
			if(input.val() == ""){
				input.val("0");
			}
		});

		clear.click(function(){
			input.val("0");
		});
		
	});
</script> 



</body>
</html>